.encapsulation{
	background-color: #F8F8F8;

	padding-bottom: 200rpx;
}
.encapsulation_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 720rpx;
	height: 260rpx;
	padding-right: 30rpx;
	background-color: #FFFFFF;
	image{
		width: 30.57rpx;
		height: 33.97rpx;
	}
	.header_right{
		display: flex;
	}
	.header_left{
		margin:53rpx 0 57rpx 30rpx;
		.header_name{
			margin: 0 18rpx 0 14rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #333333;
		}
		.header_tal{
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #333333;
			line-height: 0rpx;
		}
		.header_address{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #666666;
			line-height: 0rpx;
		}
	}
	
}
.commodity{
	margin-top: 14rpx;
	padding: 39rpx 0rpx 60rpx 30rpx;
	// width: 100%;
	min-height: 200rpx;
	background-color: #ffffff;
	
}
.commodity_introduce{
	display: flex;
}
.commodity_text{
		margin-left: 41rpx;
		>text{
			display: flex;
			margin-bottom: 10rpx;
	}
}
.commodity_style{
	display: flex;
	justify-content: space-between;
	margin-bottom: 43rpx;
	width: 140rpx;
	height: 33rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #666666;
}
.commodity_price{
	width: 84rpx;
	height: 42rpx;
	font-family: SimHei, SimHei;
	font-weight: 400;
	font-size: 40rpx;
	color: #FA5151;
	line-height: 0rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
	>text:nth-child(1){
		font-size: 24rpx;
	}
}

.commodity_list{
	margin-top: 30rpx;
	
}
.commodity_title{
	margin-bottom: 20rpx;
	height: 42rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
}
.scroll-Y {
		height: 200rpx;
	}
	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
	}
	.scroll-view-item_H{
        display: inline-block;
        position: relative;
		margin-right: 30rpx;
		width: 170rpx;
		height: 200rpx;
		
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		
        
        &.packaging-active{
            border: 1rpx solid #CBAA6D;
            background: rgba(203,170,109,0.1);
        }
        
		.scroll_text{
			width: 100%;
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 21rpx;
			color: #333333;
		}
			
		.scroll_icon{
			position: absolute;
			bottom: 0;
			right: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 30rpx;
			height: 26rpx;
			background: #CBAA6D;
			border-radius: 12rpx 0rpx 12rpx 0rpx;
		}
	}
.commodity_Number{
	height: 60rpx;
	// margin-top: 48rpx;
	// padding-right: 30rpx;
	padding: 48rpx 30rpx 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.minus {
		width: 60rpx;
		height: 60rpx;
		background: #FFFFFF;
		border-radius: 12rpx 0rpx 0rpx 12rpx;
		border: 1rpx solid #707070 !important;
		@include flex;
		justify-content: center;
		align-items: center;
	}

	.input {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120rpx;
		height: 60rpx;
		background: #FFFFFF;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		border: 1rpx solid #707070;
	}

	.plus {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60rpx;
		height: 60rpx;
		background: #FFFFFF;
		border-radius: 0rpx 12rpx 12rpx 0rpx;
		border: 1rpx solid #707070;
	}
	.commodity_But{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 126rpx;
		width: 690rpx;
		height: 94rpx;
		background: #CBAA6D;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
.commodity_textarea {
		width: 690rpx;
		height: 200rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		border: 1rpx solid #B4B4B4;
	}
	.commodity_Img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 210rpx;
		height: 210rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		// border: 1rpx solid #707070;
		>image{
			width: 210rpx;
			height: 210rpx;
		}
	}
	.commodity_tal{
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		width: 660rpx;
		height: 100rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		border: 1rpx solid #707070;
	}
	v-deep .Inputs{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.Number_right{
		font-family: SimHei, SimHei;
		font-weight: 400;
		color: #333333;
	}
	.Number_right>text:nth-child(1){
		font-size: 24rpx;
	}
	.Number_right>text:nth-child(2){
		font-size: 40rpx
	}